<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>服务中心</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/reset.css">
    <!-- <link rel="stylesheet/less" href="./css/common.less">
    <link rel="stylesheet/less" href="./css/PageCSS/about.less"> -->
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/PageCSS/about.css">
</head>

<body>
    <nav class="navbar navbar-default">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    <img src="./images/logo.png">
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a href="./index.html">首页</a></li>
                    <li><a class="active" href="./about.html">服务中心</a></li>
                    <li><a href="./advantage.html">优势</a></li>
                    <li><a href="./introduce.html">服务介绍</a></li>
                    <li><a href="./partner.html">合作伙伴</a></li>
                    <li><a href="./price.html">价格</a></li>
                    <li><a href="./product.html">产品</a></li>
                    <li><a href="./question.html">相关问题</a></li>
                    <li><a href="./contact.html">联系我们</a></li>
                </ul>

                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">
                            <img src="./images/user.png">
                            登录
                        </a>
                    </li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>

    <div class="jumbotron">
        <div class="container">
            <h2 class="banner-h2">凌凌柒开发的微信商城系统</h2>
            <p class="banner-p">程序基于MVC框架开发，组件式web系统，灵活的模板标签、快</p>
            <div class="banner-div">速安装数据同步，欢迎您的体验！</div>
        </div>
    </div>

    <div class="func">
        <div class="container">
            <ul class="row">
                <li class="col-md-4">
                    <img src="./images/cpjs1.png">
                    <h4>组件式WEB系统</h4>
                    <span>
                        程序采用APP方式设计，任何功能均为独立组件，可拆除或组装功能，结构简单并且利于扩展与开发。
                    </span>
                </li>
                <li class="col-md-4">
                    <img src="./images/cpjs1.png">
                    <h4>灵活的模板标签</h4>
                    <span>
                        微商城拥有灵活的标签系统，让您能够快速的在DW类编辑器中快速制作模板，适合前端美工设计。
                    </span>
                </li>
                <li class="col-md-4">
                    <img src="./images/cpjs3.png">
                    <h4>快速安装,数据同步</h4>
                    <span>
                        安装只需将文件放进指定位置，即可进行 一键同步安装，已有数据无缝同步，如用 户操作等状态都将无缝同步到手机端中。
                    </span>
                </li>
                <li class="col-md-4">
                    <img src="./images/cpjs4.png">
                    <h4>HTML5</h4>
                    <span>
                        万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。
                    </span>
                </li>
                <li class="col-md-4">
                    <img src="./images/cpjs5.png">
                    <h4>CSS3</h4>
                    <span>
                        是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范实在是太庞大而且比较复杂。
                    </span>
                </li>
                <li class="col-md-4">
                    <img src="./images/cpjs6.png">
                    <h4>ICONFONT</h4>
                    <span>
                        由阿里巴巴UX部门推出的矢量图标管理网 站，也是国内首家推广Webfont形式图标的平台。
                    </span>
                </li>
            </ul>
        </div>
    </div>

    <div class="home-wrap">
        <div class="title">
            <h2>精美的首页</h2>
            <p>
                凌凌柒拥有灵活的标签系统，让您能够快速的在微商城后台编辑器中快速制作模板轻易设计。
            </p>
        </div>
        <div class="container zxcontent">
            <div class="left">
                <div class="jmsy">
                    <div class="text">
                        <b>首页</b>
                        <span>HOME</span>
                    </div>
                    <div class="imgbox">
                        <img src="./images/shouye2.png">
                    </div>
                </div>
                <div class="jmsy">
                    <div class="text">
                        <b>分类</b>
                        <span>MENU</span>
                    </div>
                    <div class="imgbox">
                        <img src="./images/shouye4.png">
                    </div>
                </div>
                <div class="jmsy">
                    <div class="text">
                        <b>搜索</b>
                        <span>SEARCH</span>
                    </div>
                    <div class="imgbox">
                        <img src="./images/shouye6.png">
                    </div>
                </div>
                <div class="jmsy">
                    <div class="text">
                        <b>购物车</b>
                        <span>CART</span>
                    </div>
                    <div class="imgbox">
                        <img src="./images/shouye8.png">
                    </div>
                </div>
                <div class="jmsy">
                    <div class="text">
                        <b>用户中心</b>
                        <span>USER</span>
                    </div>
                    <div class="imgbox">
                        <img src="./images/shouye10.png">
                    </div>
                </div>
            </div>
            <div class="center">
                <img src="./images/iphone.png">
            </div>
            <div class="right">
                <div class="jmsy">
                    <div class="imgbox">
                        <img src="./images/shouye3.png">
                    </div>
                    <div class="text">
                        <b>我的订单</b>
                        <span>ORDER</span>
                    </div>
                </div>
                <div class="jmsy">
                    <div class="imgbox">
                        <img src="./images/shouye5.png">
                    </div>
                    <div class="text">
                        <b>促销活动</b>
                        <span>ACTIVITY</span>
                    </div>
                </div>
                <div class="jmsy">
                    <div class="imgbox">
                        <img src="./images/shouye7.png">
                    </div>
                    <div class="text">
                        <b>品牌街</b>
                        <span>BRAND</span>
                    </div>
                </div>
                <div class="jmsy">
                    <div class="imgbox">
                        <img src="./images/shouye9.png">
                    </div>
                    <div class="text">
                        <b>积分商城</b>
                        <span>EXCHANGE</span>
                    </div>
                </div>
                <div class="jmsy">
                    <div class="imgbox">
                        <img src="./images/shouye1.png">
                    </div>
                    <div class="text">
                        <b>更多精彩等你发现</b>
                        <span>MORE</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="product-wrap">
        <div class="title">
            <h2>完善的购物流程</h2>
            <p>
                一站式购物流程、简单便捷
            </p>
        </div>
        <div class="container">
            <div class="imgbox">
                <img src="./images/splb1.jpg">
            </div>
            <div class="imgbox">
                <img src="./images/splb2.jpg">
            </div>
            <div class="imgbox">
                <img src="./images/splb3.jpg">
            </div>
        </div>
    </div>

    <div class="mvp-wrap">
        <div class="title">
            <h2>会员登录注册</h2>
            <p>
                强大的登录注册功能，支持第三方登录，手机注册，安全性能进一步提升
            </p>
        </div>
        <div class="container">
            <div class="imgbox">
                <img src="./images/huiyuan1.jpg">
            </div>
        </div>
    </div>

    <div class="strong-wrap">
        <div class="title">
            <h2>强大的会员中心</h2>
            <p>
                管理会员信息，订单查询地址修改，售后服务
            </p>
        </div>
        <div class="container">
            <div class="imgbox">
                <img src="./images/iphone1.jpg">
            </div>
        </div>
        <div class="title">
            <h2>更多页面</h2>
            <p>
                会员中心，个人资料，收货地址,修改收货地址，修改密码等等
            </p>
        </div>
        <div class="container list">
            <div class="imgbox">
                <img src="./images/new-1.png">
            </div>
            <div class="imgbox">
                <img src="./images/new-2.png">
            </div>
            <div class="imgbox">
                <img src="./images/new-3.png">
            </div>
        </div>
    </div>

    <div class="more-wrap">
        <div class="title">
            <h2>多套模板 为您而变</h2>
            <p>
                凌凌柒提供海量顶尖行业模板、插件供您选择，拥有不一样的视觉体验，省去后续设计烦恼，让您的产品更美观、专业的呈现给客户。
            </p>
        </div>
        <div class="container">
            <div class="imgbox">
                <img src="./images/more.jpg">
            </div>
        </div>
    </div>

    <div class="free-wrap">
        <div class="container">
            <div class="title">
                <h2>凌凌柒</h2>
                <p>
                    凌凌柒是国内市面上较大的移动商城系统公司，微信商城系统也是目前市面上主流的商城系统，为广大电商以最低的成本快速搭建微信商城。提供专业的店铺,商品,订单,物流,消息和客户的管理模块!
                </p>
            </div>
            <div class="casebtn">立即搭建</div>
        </div>
    </div>

    <div class="product-feater">
        <div class="phone">
            <p>凌凌柒网络科技有限公司</p>
            <span>037155632770</span>
        </div>
        <div class="info">
            <p class="nav">
                <a href="">联系我们</a>|
                <a href="">公司简介</a>|
                <a href="">支付方式</a>|
                <a href="">法律条款</a>|
                <a href="">常见问题</a>
            </p>
            <p>
                Copyright © 2015~2017 (.com) 版权所有，并保留所有权利。 常年法律顾问：郑州豫和律师事务所
            </p>
            <p>
                地址：郑州市紫荆山路商城路金城国贸D座1215　　电话: 0371-55632770
            </p>
        </div>
        <div class="code">
            <div class="imagebox">
                <img src="./images/index-gzh.png" alt="">
            </div>
            <p>[扫一扫]</p>
            <p>关注我们</p>
        </div>
    </div>
</body>
<script src="./js/jquery-3.6.0.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/less.min.js"></script>
<script src="./js/index.js"></script>

</html>